<template>
	<!-- 优先级大于page.json设置的属性 -->
	<page-meta :background-text-style="bgTextStyle" :background-color="bgColor" :background-color-top="bgColorTop"
		:background-color-bottom="bgColorBottom" :scroll-top="scrollTop" page-style="color: green"
		root-font-size="16px">
		<navigation-bar :title="nbTitle" :loading="nbLoading" :front-color="nbFrontColor"
			:background-color="nbBackgroundColor" />
	</page-meta>
	<view>
		<view>
			<text>对应 uni.navigateTo 的功能:保留当前页面，跳转到应用内的某个页面</text>
			<text>url有长度限制，太长的字符串会传递失败;使用encodeURIComponent对参数进行编码的示例。</text>
			<navigator open-type="navigate" url="/pages/detail/detail" hover-class="navigator-hover">
				<button type="default">详情页</button>
			</navigator>
		</view>
		<view>
			<text>uni.switchTab: 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。</text>
			<text>路径后不能带参数</text>
			<navigator open-type="switchTab" url="/pages/me/me" hover-class="navigator-hover">
				<button type="default">我的页面</button>
			</navigator>
		</view>
		<view>
			<text>uni.reLaunch:关闭所有页面，打开到应用内的某个页面</text>
			<navigator open-type="reLaunch" url="/pages/me/me" hover-class="navigator-hover">
				<button type="default">我的页面</button>
			</navigator>
		</view>
		<view>
			<text>uni.redirectTo:关闭当前页面，跳转到应用内的某个页面。</text>
			<navigator open-type="redirect" url="/pages/login/login" hover-class="navigator-hover">
				<button type="default">登录页面</button>
			</navigator>
		</view>
		<view>
			<text>navigateTo, redirectTo 只能打开非 tabBar 页面</text>;
			<text>switchTab 只能打开 tabBar 页面;reLaunch 可以打开任意页面</text>
		</view>
	</view>

</template>

<script>
	import {
		getList
	} from '../../api/index.js';
	export default {
		data() {
			return {
				bgTextStyle: 'dark',
				scrollTop: '200rpx',
				bgColor: '#ff0000',
				bgColorTop: '#00ff00',
				bgColorBottom: '#0000ff',
				nbTitle: '标题',
				nbLoading: false,
				nbFrontColor: '#000000',
				nbBackgroundColor: '#ffffff'
			};
		},
		async mounted() {
			console.log(process.env.NODE_ENV, 'process.env.NODE_ENV')
			const res = await getList()
			console.log(res, '22200222')
		}
	}
</script>

<style lang="scss">

</style>